import React from 'react'



import LifeCom from './LifeCom'


import Child1 from './Child1'

export default class Parent extends React.Component {

    constructor() {
        super()
        this.state = {
            parent: '我是父组件里面定义的值',
            list: ['黑人', '牙膏', '高露洁']
        }
    }

    // myChange = () => {
    //     setTimeout(() => {
    //         this.setState({
    //             parent: '你好呀  react  真不是人玩的东西 生命周期真不好玩'
    //         })
    //     }, 1000)
    // }

    reviceData=(data)=>{
        console.log('接受子组件传递过来的值',data)
     

        this.setState({
            list:[...this.state.list,data]
        })

      
    }
    render() {

        let { list } = this.state

        return (
            <div>

                {/* <button  onClick={this.myChange}> 自己点击改变Parent组件的值 </button> */}
                <h2> Parent 组件-------{this.state.parent}</h2>


                {/* <LifeCom   data={this.state.parent}  /> */}

                 
                  {/*  sendData  接受子组件传递过来的自定义方法*/}
                <Child1 list={list}  sendData={this.reviceData}></Child1>




            </div>
        )
    }
}